
var Index = {
  config : {
    page : 1 ,
    page_size : 5 ,
    my_page : 1 ,
  } ,
  init : function( config ){
    var _this = this ;
    $.extend(_this.config , config);
    _this.init_btn();
    _this.init_award_list();
  },
  
  init_btn : function(){
    $(document).on('click' , '#load_award_list_btn' , function(e){
      e.preventDefault();
      My_Modal.show('award_list_modal');
      
    });
    
    //
    $(document).on('click' , '#close_my_modal_btn' , function(e){
      e.preventDefault();
      My_Modal.hide('award_list_modal');
      
    });
    
    $(document).on('click' , '#load_my_award_list_btn' , function(e){
      e.preventDefault();
      My_Modal.show('my_award_list_modal');
      
    });
    
    //
    $(document).on('click' , '#close_my_award_modal_btn' , function(e){
      e.preventDefault();
      My_Modal.hide('my_award_list_modal');
      
    });
  },
  
  init_award_list : function(){
    var _this = this ;
    _this.load_award_list();
    _this.load_award_list( true );
    
    $(document).on('click' , '#award_list_page > .previous' , function(e){
      e.preventDefault();
      var page = _this.config.page - 1 ;
      if ( page <= 0 ) {
        $('.page .previous').hide();
        return ;
      }
      _this.config.page -= 1 ;
      _this.load_award_list();
    });
    
    $(document).on('click' , '#award_list_page > .next' , function(e){
      e.preventDefault();
      var page = _this.config.page + 1 ;
      if ( page > _this.config.total_page ) {
        $('.page .next').hide();
        return ;
      }
      _this.config.page += 1 ;
      _this.load_award_list();
    });
    
    $(document).on('click' , '#my_award_list_page > .previous' , function(e){
      e.preventDefault();
      var page = _this.config.my_page - 1 ;
      if ( page <= 0 ) {
        $('#my_award_list_page >  .previous').hide();
        return ;
      }
      _this.config.my_page -= 1 ;
      _this.load_award_list( true );
    });
    
    $(document).on('click' , '#my_award_list_page > .next' , function(e){
      e.preventDefault();
      var page = _this.config.my_page + 1 ;
      if ( page > _this.config.my_total_page ) {
        $('#my_award_list_page >  .next').hide();
        return ;
      }
      _this.config.my_page += 1 ;
      _this.load_award_list( true);
    });
  },

  load_award_list : function( my_award ){
    var _this = this ;
    var _this = this ;
    var url = _this.config.get_award_list_url ;
    var data = {
      page : _this.config.page ,
      page_size : _this.config.page_size ,
      event_type : _this.config.event_type ,
      event_id : _this.config.event_id ,
      mer_id : _this.config.mer_id ,
    };
    
    if ( !empty(my_award) ) {
      data.my_award = true ;
      data.page =_this.config.my_page
    }
    
    $.get( url , data , function(ret){
      
      if ( !empty(my_award) ) {
        var html = _this.make_my_page(ret.rows);
        $('#my_award_list_table').html(html);
        
        var total = ret.total == 0 ? 1 : ret.total ;
        _this.config.my_total_page = Math.ceil( total / _this.config.page_size );
  
        $('#my_award_list_page').find('.page_info').html( _this.config.my_page + '/' + _this.config.my_total_page );
        _this.set_my_page();
      } else {
        var html = _this.make_page(ret.rows);
        $('#award_list_table').html(html);
        
        var total = ret.total == 0 ? 1 : ret.total ;
        _this.config.total_page = Math.ceil( total / _this.config.page_size );
  
        $('#award_list_page').find('.page_info').html( _this.config.page + '/' + _this.config.total_page );
        _this.set_page();
      }
    });
  },
  set_page : function() {
    var _this = this ;
    if ( _this.config.total_page == 1 || _this.config.page == 1 ) {
      $('#award_list_page').find('.previous').hide();
    }
    
    if ( _this.config.total_page == 1 || _this.config.page == _this.config.total_page ) {
      $('#award_list_page').find('.next').hide();
    }
    
    if ( this.config.page == 1 && _this.config.total_page > 1 ) {
      $('#award_list_page').find('.next').show();
    }
    
    if ( this.config.page > 1 && _this.config.total_page > 1 ) {
      $('#award_list_page').find('.previous').show();
    }
  },
  
  set_my_page : function() {
    var _this = this ;
    if ( _this.config.my_total_page == 1 || _this.config.my_page == 1 ) {
      $('#my_award_list_page').find('.previous').hide();
    }
    
    if ( _this.config.my_total_page == 1 || _this.config.my_page == _this.config.my_total_page ) {
      $('#my_award_list_page').find('.next').hide();
    }
    
    if ( this.config.my_page == 1 && _this.config.my_total_page > 1 ) {
      $('#my_award_list_page').find('.next').show();
    }
    
    if ( this.config.my_page > 1 && _this.config.my_total_page > 1 ) {
      $('#my_award_list_page').find('.previous').show();
    }
  },
  
  make_page : function(data) {
    var html = '';
    if ( empty(data) ) {
      return html ;
    }
    for( var i = 0 ; i < data.length ; i++ ) {
      html += '<tr><td width="60">'+ data[i].truename +'</td><td>'+ data[i].phone +'</td><td>'+ data[i].create_time.substr(5, 11) +'</td></tr>';
    }
    return html;
  },
  
  make_my_page : function(data) {
    var html = '';
    if ( empty(data) ) {
      return html ;
    }
    for( var i = 0 ; i < data.length ; i++ ) {
      html += '<tr><td width="60">'+ data[i].beauty_true_name +'</td>';
      html += '<td>'+ data[i].point +'</td>';
      html += '<td>'+ data[i].create_time.substr(5, 5) +'</td>';
      html += '<td>'+ Param.award_status[data[i].award_status] +'</td></tr>';
    }
    return html;
  }
}


var My_Modal = {
  show : function( id ){
    if ( $('.modal-bg').length == 0 ) {
      $('body').append('<div class="modal-bg"></div>');
    }
    $('.modal-bg').show();
    
    this.set_pos( id );
    $('#'+ id).show();
  },
  hide : function( id ){
    $('.modal-bg').hide();
    $('#'+ id).hide();
  },
  
  set_pos:function( id ) {
    var left = ( $(window).width() - $('#'+id).width() ) / 2 ;
    var top = ( $(window).height() - $('#'+id).height() ) / 2 ;
    $('#'+id).css({
      left : left + 'px' ,
      top : top + 'px' 
    });
  }
} 